<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Login Page | Amaze UI Example</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="/backend/amazeui/assets/i/favicon.png">
    <link rel="stylesheet" href="/backend/amazeui/assets/css/amazeui.min.css"/>
    <style>
        .header {
            text-align: center;
        }

        .header h1 {
            font-size: 200%;
            color: #333;
            margin-top: 30px;
        }

        .header p {
            font-size: 14px;
        }
    </style>
</head>
<body>
<div class="header">
    <div class="am-g">
        <h1>Web ide</h1>
        <p>Integrated Development Environment<br/>代码编辑，代码生成，界面设计，调试，编译</p>
    </div>
    <hr/>
</div>
<div class="am-g">
    <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
        <h3>登录</h3>
        {{--<div class="am-btn-group">
            <a href="#" class="am-btn am-btn-secondary am-btn-sm"><i class="am-icon-github am-icon-sm"></i> Github</a>
            <a href="#" class="am-btn am-btn-success am-btn-sm"><i class="am-icon-google-plus-square am-icon-sm"></i>
                Google+</a>
            <a href="#" class="am-btn am-btn-primary am-btn-sm"><i class="am-icon-stack-overflow am-icon-sm"></i>
                stackOverflow</a>
        </div>--}}
        <br>
        <form class="am-form am-form-horizontal" method="post" action="{{ url('/admin/login') }}">
            {{ csrf_field() }}
            <div class="am-form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                <label for="email" class="am-u-sm-2 am-form-label">邮件</label>
                <div class="am-u-sm-10">
                    <input type="email" id="email" name="email" value="{{ old('email') }}" placeholder="请输入你的电子邮件" required autofocus>
                    @if ($errors->has('email'))
                        <span class="help-block">
                            <strong>{{ $errors->first('email') }}</strong>
                        </span>
                    @endif
                </div>
            </div>
            <div class="am-form-group{{ $errors->has('password') ? ' has-error' : '' }}">
                <label for="password" class="am-u-sm-2 am-form-label">密码</label>
                <div class="am-u-sm-10">
                    <input type="password" id="password" name="password" placeholder="请输入你的密码" required>
                    @if ($errors->has('password'))
                        <span class="help-block">
                            <strong>{{ $errors->first('password') }}</strong>
                        </span>
                    @endif
                </div>
            </div>
            <div class="am-form-group{{ $errors->has('captcha') ? ' has-error' : '' }}">
                <label for="captcha" class="am-u-sm-2 am-form-label">验证码</label>
                <div class="am-u-sm-4">
                    <input type="text" id="captcha" name="captcha" placeholder="验证码" required>
                    @if ($errors->has('captcha'))
                        <span class="help-block">
                            <strong>验证码错误{{ $errors->first('captcha') }}</strong>
                        </span>
                    @endif
                </div>
                <img src="{{Captcha::src()}}" alt="" onclick="this.src='{{Captcha::src()}}'+Math.random();">
            </div>
            <div class="am-form-group">
                <div class="am-u-sm-offset-2 am-u-sm-10">
                    <div class="checkbox">
                        <label for="remember">
                            <input type="checkbox" id="remember" name="remember"> 记住十万年
                        </label>
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <div class="am-u-sm-10 am-u-sm-offset-2">
                    <button type="submit" class="am-btn am-btn-primary">提交登录</button>
                    <a class="am-btn am-btn-default am-btn-sm am-fr" href="{{ url('admin/password/reset') }}">
                        忘记密码 ^_^?
                    </a>
                </div>
            </div>
        </form>
        <hr>
        <p>© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
    </div>
</div>
</body>
</html>
